<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
	<link rel="shortcut icon" href="assets/number.png" type="image/x-icon">
	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
	<title>Number Counter</title>
</head>
<body>
	<main class="content-wrapper">
		<div class="number-counter">
			<h1 class="heading">Number Counter</h1>
			<button class="btn btn-reset">Reset</button>
			<div class="counter-container">
				<p class="counter" id="counter">0</p>
				<button class="btn-operator increase"><i class="fas fa-plus"></i></button>
				<button class="btn-operator decrease"><i class="fas fa-minus"></i></button>
			</div>
			<button class="btn btn-save">Save</button>
		</div>
		<div class="number-saved">
			<h2 class="heading">Numbers Saved</h2>
			<div class="number"></div>
		</div>
	</main>
	<footer>
		<p>&#x3c; &#47; &#x3e; with ❤️ by
			<a href="https://swapnilsparsh.github.io/">Swapnil Srivastava</a>
			<br>
			<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript" target="_blank">#30DaysOfJavaScript
			</a>
		</p>
	</footer>
	<script src="script.js"></script>
</body>
</html>